<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>web01</title>
		<meta name="description" content="" />
		<meta name="author" content="Choongang" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
	</head>
	
	<style type="text/css">
					table {background:green;}
					
				</style>
				
				<script type = "text/javascript">
				alert("안녕하세요 저는 자바스크립트 입니다");
				</script>

	<body>
		<div>
			<header>
				<h1>web01</h1>
				<h1>index</h1>
				<h4>texts h1은 크고 진하게 한라인전체를 차지</h4>
				<h6>크기는 h1~h6까지 있다.  1.크기, 2.진하게 3.한라인 전체 차지</h6>
				<h2>(약속) h1은 대제목에 쓰다 h2는 중간제목에 쓰자. </h2>
				<b>bold 진하게</b>
				<i> italic 이탤릭체 비스듬한 글자</i>
				<div> div는 division(나눈다) 한 라인을 나혼자만 사용한다</div>
				<span>span도div처럼 구분할 때 사용하지만 라인을 바꾸지 않는</span>
				<span>위의 span바로 오른쪽에 나옵니다.</span>
				<p> paragraph 문단 div처럼 한 라인을 혼자만 사용한다 div는 나눈다 p문단이다 같은 기능이지만 의미는 다르</p>
				<img src = "http://dicimg.naver.com/100/sub/1147414_0.gif" /> 
				table은 표를 그릴 때 사용합니다. tr(table row 행) td(열) 
				th(열) 두껍게 + 가운데 정
				<table>
					<tr>
						<th> 첫 번 째 열  한         칸만 띄어쓰     기 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;여러개 써야 띄어쓰기</th>
						<td> 두번째 열</td>
						
					</tr>
					<tr>
						<td> 3번째 열</td>
						<td> 4째 열</td>
						
						
					</tr>
					
					
				</table>
				<br><br/>
				<a href="http://daum.net"> a는 anchor 배의 닻 이란 의미 href는 하이퍼링크 닻 처럼쓰다가 요즘에는 하이퍼 링크로 쓴다.  </a>
			</header>
			<nav>
				<p>
					<a href="/">Home</a>
				</p>
				<p>
					<a href="/contact">Contact</a>
				</p>
			</nav>

			<div>

			</div>

			<footer>
				<p>
					&copy; Copyright  by Choongang
				</p>
			</footer>
		</div>
	</body>
</html>
